<% include ../header.ejs %>
<div class="filter-wrap">
    <div class="container">
        <h1 class="page-title">剧本作品</h1>
        <article class="fil-item">
            <div class="fil-pro">类型：</div>
            <div class="fil-val"><a class="cur" href="">全部</a><a href="">爱情</a><a href="">校园</a><a href="">温情</a><a href="">励志</a><a href="">社会</a><a href="">职场</a><a href="">搞笑</a><a href="">搞笑</a><a href="">搞笑</a><a href="">悬疑</a><a href="">穿越</a><a href="">刑侦</a><a href="">动作</a><a href="">科幻</a><a href="">古装</a><a href="">公益</a><a href="">广告</a><a href="">战争</a><a href="">其他</a></div>
        </article>
        <article class="fil-item">
            <div class="fil-pro">年代：</div>
            <div class="fil-val"><a class="cur" href="">全部</a><a href="">现代</a><a href="">古代</a><a href="">未来</a><a href="">其他</a></div>
        </article>
        <article class="fil-item">
            <div class="fil-pro">排序：</div>
            <div class="fil-val"><a class="cur" href="">站点推荐</a><a href="">最新发布</a><a href="">喜欢最多</a><a href="">阅读最多</a></div>
        </article>
    </div>
</div>
<section class="container">
    <div class="row">
        <!-- 左模块 开始-->
        <div class="col-sm-12 col-md-8 block-l">
            <div class="rec-main">
                <% for (i=1;i<=10;i++) { %>
                <% if (i==2 || i==6){ %>
                <article class="art-list-wrap">
                    <div class="art-info unimg">
                        <h4><a href="" target="_blank">一部超低成本的影片如何制作完成且走向世界</a></h4>
                        <div class="item"><span><a href="" target="_blank">小熊猫</a></span><span>今天8:33</span><span><a href="" target="_blank">校园</a> <a href="" target="_blank">青春</a></span><span>563 阅读</span></div>
                        <p>第一次遇见，便被你所吸引，你的宇宙，让我不能自已。 我的世界，有了一份属于你的位置。 虽然你还不够好，缺点很多，但你的努力， 相信我，我能体会。 一年多了，还记得我们出现时被反对第一次...</p>
                    </div>
                </article>
                <% } %>
                <article class="art-list-wrap">
                    <div class="art-info">
                        <h3><a href="" target="_blank">一部超低成本的影片如何制作完成且走向世界</a></h3>
                        <div class="item"><span><a href="" target="_blank">小熊猫</a></span><span>今天8:33</span><span><a href="" target="_blank">校园</a> <a href="" target="_blank">青春</a></span><span>563 阅读</span></div>
                        <p>第一次遇见，便被你所吸引，你的宇宙，让我不能自已。 不知从什么时候开始，我的世界，有了一份属于你的位置。 我能体会。 一年多了，还记得我们出现时被反对第一次...</p>
                    </div>
                    <figure><a href="" target="_blank"><img class="img-responsive" src="/images/demo/case<%=i%>.jpg" alt=""/></a></figure>

                </article>
                <% } %>
                <!-- 分页 -->
                <div class="pagination-wrap mt20 clearfix">
                    <div id="light-pagination"></div>
                </div>
            </div>
        </div>
        <!-- 右模块 开始-->
        <aside class="col-md-4 block-r hidden-sm hidden-xs">
            <!-- 热门创作者 开始 -->
            <div class="u-info-wrap">
                <h3 class="mod-sub-title">热门创作者</h3>
                <% for (i=1;i<=3;i++) { %>
                <div class="block-map-item">
                    <div class="per-box clearfix">
                        <div class="per-ava"><a href="" target="_blank"><img class="img-responsive img-circle" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                        <div class="per-info">
                            <h4><a href="" target="_blank">作者名称</a></h4>
                            <p><span class="label-name">导演</span><span class="label-name">摄像</span></p>
                            <div class="att-info text-right"><a href="" class="btn-link brand-success"><i class="icon-msg"></i> 发私信</a> <a class="btn-link ml10" href=""><i class="fa fa-plus"></i> 加关注</a></div>
                        </div>
                    </div>
                </div>
                <!-- /.block-map-item -->
                <% } %>
            </div>
            <!-- 热门创作者 结束 -->
        </aside>
        <!-- 右模块 结束-->
    </div>
</section>
<% include ../footer.ejs %>
